<template>
  <div class="personCard bgwrite">
    <div class="title wordsGray">投诉对象</div>
    <div class="infos flex">
      <div class="headimg">
        <img v-if="byUseridUrl"
             :src="byUseridUrl"
             @click="show_preview"
             width="100%"
             alt="">
        <img v-else
             src="@/assets/img/performance/orderCenter/head.png"
             width="100%"
             alt="">
      </div>
      <div class="name fz4 wordstxt">{{byUserid}}</div>
    </div>
  </div>
</template>
<script>
export default {
  props: ["byUseridUrl", "byUserid"],
  methods: {
    show_preview() {
      this.$emit("show_preview");
    }
  }
};
</script>

<style lang="scss" scoped>
.personCard {
  border-radius: 10px;
  margin-bottom: 0.24rem;
  .title {
    height: 0.64rem;
    line-height: 0.64rem;
    padding-left: 0.24rem;
    border-bottom: 1px solid #e5e5e5;
  }
  .infos {
    padding: 0.24rem;
    align-items: center;
    .headimg {
      width: 0.9rem;
      margin-right: 0.24rem;
    }
  }
}
</style>
